@import "Main";
@import "common";
@import "HkfsCommonTabStyle";

.HkfsProducts {
  margin-bottom: 80px;
  .HkfsProductTab {
    .HkfsCommonTabStyle();
    .HkfsProductsRaisedBannerBack {
      width: 100%;
      padding-top: 18%;
      position: relative;
      img {
        width: 100%;
        position: absolute;;
        top: 0;
        left: 0;
        z-index: 1;
      }
      .HkfsProductsHKB {
        right: 50%;
        width: 50%;
        text-align: right;
        position: absolute;;
        top: 0;
        z-index: 2;
        color: white;
        margin-top: 2.5%;
        & > div {
          margin-bottom: 1.6%;
        }
        .HkfsProductsHKBBig {
          font-size: 50px;
          margin-right: 60px;
        }
        .HkfsProductsHKBSmall {
          font-size: 30px;
          margin-right: 220px;
        }
        .HKBButton {
          margin-right: 320px;
          width: 250px;
          height: 50px;
          font-size: 28px;
          color: white;
          background-color: #40a9dd;
          border: none;
          box-shadow: 2px 5px 10px #636161;
        }
      }
    }
  }

  .HkfsProductTab {
    .ReTab_Contents {
      margin-top: 50px;
    }
    .mainSlider {
      width: 100%;
    }
  }

  .HkfsProductTabDiv {
    .HkfsProductDetailTab {
      .ReTab_Contents {
        margin-top: 0px;
      }
    }
  }

  .ProductsTitle {
    border-bottom: dashed 1px #cccccc;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #40a9dd;
    img, span {
      vertical-align: middle;
    }
  }

  .ProductContent {
    width: @mainWidth;
    margin-left: auto;
    margin-right: auto;
    .HkfsProductTabDiv {
      margin-top: 30px;
    }
  }
  .ProductEmptyDiv{
    .ProductEmptyImgDiv{
      height:450px;
      position: relative;
      img{
        height:240px;
        .absoluteCenter(240px);
      }
    }
    .ProductEmptyText{
      text-align: center;
      color: #cccccc;
      font-size: 34px;
    }
  }

}